<script setup lang="ts" name="App">

import { ref } from 'vue'

//定义数据
let name = ref('张三')
//定义的是响应式数据(基础类型   数字、boolean 字符串)  非基础类型  function  Object
let age = ref(19)
//定义方法
function agePlus(){
  console.log(age);   //RefImpl
  age.value++
}

function changeName(){
  name.value =  name.value +" ~"
}



</script>

<template>

  <div> 姓名 :{{ name }}</div>

  <div> 年龄 :{{ age }}</div>
  <div> <button @click="changeName">改变姓名</button></div>
  <div> <button @click="agePlus">改变年龄</button></div>



</template>

<style scoped></style>
